<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>萧山气象局风险灾害管理平台</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" type="text/css" href="../css/platform.css">
  <link rel="stylesheet" type="text/css" href="../css/common.css">
  <link rel="shortcut icon" href="../img/logo.ico" type="image/x-icon">
  <script src="../js/jquery-1.11.3.js"></script>
  <script src="../js/platform.js"></script>
</head>
<body>
  <div id="header">
    <div class="headerContent">
      <div class="headerLeft lf">
        <a href="">
          <img class="lf" width="50" src="../img/qx_log.png" alt="logo">
        </a>
        <span >萧山气象局风险灾害管理平台</span>
        <div class="clear"></div>
      </div>
      <div class="headerRight rt">
        <div class="headerDate rt">
          <span>2017/09/06</span>
          <span>下午 16:18</span>
        </div>
        <ul class="rt">
          <li>
            <a href="">
              <span>台风灾害</span>
            </a>
          </li>
          <li>
            <a href="">
              <span>暴雨洪涝</span>
            </a>
          </li>
          <li>
            <a href="">
              <span>雷电风险</span>
            </a>
          </li>
          <li>
            <a href="">
              <span>雪灾</span>
            </a>
          </li>
          <li class="active">
            <a href="">
              <span>工作台</span>
            </a>
          </li>
        </ul>   
      </div>
    </div> 
  </div>
  <div id="main">
    <h4>人员管理</h4>
    <div class="queryCondition">
     <h5>  &nbsp&nbsp&nbsp&nbsp查询条件</h5>
     <p>
       <label for="sname">姓名:</label><input type="text" id="sname">
       <label class="tel" for="tel">电话号码:</label><input type="text" id="tel">
        <button type="button" class="rt resetBtn">重置</button>
        <button type="button" class="rt">查询</button>
     </p>
    </div>
    <div class="personInfo">
      <h5>  &nbsp&nbsp&nbsp&nbsp值班人员信息列表</h5>
      <p>
        <span class="add">新增</span> 
        <span class="edit">编辑</span>
        <span class="del">删除</span>
        <p class="clear"></p>
      </p>    
      <table>
        <thead>
          <tr>
           <th><input type="checkbox"></th>
           <th class="thName">姓名</th>
           <th class="thSex">性别</th>
           <th class="thTel">手机</th>
           <th class="thBirth">生日</th>
           <th class="thCode">上岗证编号</th>
           <th class="thCode">上岗日期</th>
           <th class="thWork">岗位</th>
           <th class="thToDo">职务</th>
           <th class="thComment">备注</th>
          </tr>
        </thead>
        <tbody>
          <tr class="oddRow">
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr>
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr class="oddRow">
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr>
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr class="oddRow">
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr>
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr class="oddRow">
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
          <tr>
            <td><input type="checkbox"></td>
            <td>张三</td>
            <td>男</td>
            <td>18745632341</td>
            <td>19900907</td>
            <td>201709079087463</td>
            <td>20170907</td>
            <td>预报员</td>
            <td>预报</td>
            <td>........................</td>
          </tr>
        </tbody>
      </table>
      <div class="tabs rt">
        <button class="lf prev" type="button"><<上一页</button>
        <ul class="lf">
          <li class="active">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>...</li>
          <li>20</li>
        </ul>
        <button type="button" class="next">下一页>></button>
        <span>共 20 页，</span>
        <span>跳到第</span>
        <input type="text">&nbsp页
        <button class= "confirm" type="button">确定</button>
      </div>    
    </div>
  </div>
</body>
</html>